/*Dette rapporteres å løse Font-boosting issues på Chrome for Android, men synes ikke å ha noen innvirkning i dette tilfellet...*/
html * {
    max-height: 1000000px;
}

html {
    box-sizing: border-box;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 16px;
    /*Ser ikke ut til at denne har noen effekt på font-størrelse i tabeller og enkelte spaner, men lar den stå    */
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    margin:0;
    padding:0;
}

*:before, *:after {
    box-sizing: inherit;
}

body {
    /*width: calc(100% - 20px);
    margin: 0px;
    padding: 10px;*/
    box-sizing: border-box;
    background-color: #f1f1f1;
    text-size-adjust: none;
    -webkit-text-size-adjust: none;
    -moz-text-size-adjust: none;
    -ms-text-size-adjust: none;
    margin: 0;
    padding: 0;
    height: 100%;
}

/*Fjerner avrundede hjørner på knapper i Safari
    Noen rapporter om at det kan påvirke avkrysningsbokser i Chrome...
*/
input[type=text], input[type=button], input[type=submit] {
    -webkit-appearance: none;
    -webkit-border-radius: 0;
}

/*
@media (max-width: 990px) and (orientation: portrait) {
    html{
        font-size:16px;
    }
}

@media (max-width: 990px) and (orientation: landscape) {
    html{
        font-size:16px;
    }

}
    */

h1 {
    font-size: 1.4rem;
}

h2 {
    font-size: 1.2rem;
}

p, td, th, div, span, input, textarea {
    font-size: 1rem;
    /*color:red;*/
}

textarea {
    font-family: Arial Arial, Helvetica, sans-serif;
    /*font-size:1rem;*/
}

div {
    overflow: auto;
}
/*
div{
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
*/


.table-nolines {
    border: solid 2px white;
}

    .table-nolines td {
        border: none;
        color: red;
    }

.screenreporter {
    /*Denne brukes bare i forbindelse med utforming knyttet til skjermstørrelser*/
}

    .screenreporter:after {
        content: "ingen skjermtilpasning";
    }

@media (max-width: 1921px) {
    h1 {
        font-size: 1.4em;
    }

    h2 {
        font-size: 1.2em;
    }

    p, td, th, div, span, textarea, input {
        font-size: 1em;
        /*color: blue;*/
    }

    .screenreporter:after {
        content: "max-width 1921";
    }
}

@media (max-width: 1441px) {
    h1 {
        font-size: 1.4em;
    }

    h2 {
        font-size: 1.2em;
    }

    p, td, th, div, span, textarea, input {
        font-size: 1em;
        /*color: green;*/
    }

    .screenreporter:after {
        content: "max-width 1441";
    }
}


@media (max-width: 990px) and (orientation: portrait) {

    h1 {
        font-size: 1.4rem;
    }

    h2 {
        font-size: 1.2rem;
    }

    p, td, th, span, div, textarea, input {
        font-size: 1rem;
        /*font-size:16px;
        color: darkblue;*/
    }

    .table-scroll {
        /*height:500px;
        max-height: 600px;*/
    }

    .screenreporter:after {
        content: "max-width 990, portrait";
    }
}

@media (max-width: 990px) and (orientation: landscape) {
    h1 {
        font-size: 1.4rem;
    }

    h2 {
        font-size: 1.2rem;
    }

    p, td, th, span, div, textarea, input {
        font-size: 1rem;
        /*font-size:16px;
        color: red;*/
    }

    .screenreporter:after {
        content: "max-width 990 landscape";
    }
}


#OuterContainer {
    box-sizing: border-box;
    /*width: calc(100% - 10px);*/
    margin: auto;
    border: 0px solid red;
}

#pnlMasterHeader {
    box-sizing: inherit;
    width: 100%;
    background: #ccc;
    padding: 3px;
}

.home-button-container {
    float: left;
    width: 2.5rem;
    padding: 10px 5px 5px 15px;
    border: 0px solid blue;
}

.home-button {
    width: 100%;
}

    .home-button:hover {
        background-color: #ac1302;
    }

.users-name-div {
    width: calc(100% - 12rem);
    padding: 5px 10px;
    float: left;
    font-size: .9rem;
    text-align: center;
    border: 0px solid black;
}

.logo {
    float: right;
    width: 6rem;
    float: right;
    margin: 0px 5px 5px 5px;
    border: 0px solid red;
}



/*  Meny - Liste og listeelementer*/

.not-in-use-menu-container {
    box-sizing: border-box;
    width: 100%;
    padding: 0rem;
}

.menu-group-container {
    box-sizing: border-box;
    /*margin:10px 0px;*/
    margin-bottom: .5rem;
    width: 100%;
    border: 1px solid #ac1302;
}

.menu-group-header {
    background-color: #ac1302;
    padding: 10px 10px;
}

.menu-group-header-collapsible {
    background-color: #ac1302;
    padding: 10px 10px;
    cursor: pointer;
}

    .menu-group-header-collapsible:after {
        content: '\002B';
        color: white;
        font-size: 1.2rem;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

.menu-group-expanded {
    /*
        må ikke fjernes...
        tilordning av denne manipuleres av javascript
        Angir + eller - i headeren
    */
}

    .menu-group-expanded:after {
        content: "\2212";
    }

.menu-group-header-text {
    color: white;
    font-size: 1.2rem;
    font-weight: bold;
    /*float:left;
    width:calc(50%);
    border:0px solid black;*/
}

.menu-items-container {
}

.menu-group-items-outer-container {
    /*
        Ingen spesielle egenskaper - spesielt høydebegrensninger.
        Brukes der menyen er fast
    */
}

.menu-items-container-collapsible {
}

.menu-group-items-outer-container-collapsible {
    /*Startverdi for høyde er 0 - endre av script ved klikk på expand-collapse*/
    max-height: 0;
    overflow: hidden;
    /*transition skal brukes, men tilordnes isteden gjennom script, for ved postback må transition være avslått*/
    /*transition: max-height 0.3s ease-out;*/
}

.button-grey {
    display: block;
    border: none;
    color: #333333;
    background-color: #ddd;
    padding: 5px;
    cursor: pointer;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .button-grey:hover, .button-grey:active {
        background-color: #333333;
        color: white;
    }

.menu-item {
    /*box-sizing:border-box;
    float:left;*/
    display: block;
    border: none;
    color: #333333;
    background-color: #ddd;
    margin: 5px 10px;
    padding: 10px 10px;
    cursor: pointer;
    /*width:10rem;*/
    width: calc(100% - 3rem);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}


    .menu-item:hover, .menu-item-active {
        background-color: #333333;
        color: white;
    }

/*Selve listen av meny-elementer
    Kan vises statisk i full høyde,
    eller Collapsed/expanded med glidende overgang
*/

/*Start på stiling av menyelement med underordnet liste av presentører*/
.menu-item-sublist-header {
    /*
        Denne kommer i tillegg til menu-item
        Skal ikke stiles spesielt bortsett fra ved hover
    */
}

    .menu-item-sublist-header:hover .menu-item-sublist-header-active {
        /*Forhindrer (forhåpentligvis) at bakgrunnsfargen blir mørk og skriftfargen hvit*/
        color: #333333;
        background-color: #ddd;
    }

    .menu-item-sublist-header:after {
        content: '\002B';
        /*color: white;*/
        font-size: 1.2rem;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

.menu-item-sublist-header-expanded:after {
    content: "\2212";
}

.menu-item-sublist-container {
    /*.menu-group-items-outer-container-collapsible{*/
    /*Startverdi for høyde er 0 - endre av script ved klikk på expand-collapse*/
    max-height: 0;
    overflow: hidden;
    /*transition skal brukes, men tilordnes isteden gjennom script, for ved postback må transition være avslått*/
    /*transition: max-height 0.3s ease-out;*/
}

.menu-item-sublist-header-noncollapsible {
    /*content: '\002B';
  color: white;*/
    font-size: 1.2rem;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.menu-item-sublist-container-noncollapsible {
    clear: both;
    /*Nothing...*/
}



/*Slutt på stiling av menyelement med underordnet liste av presentører*/


/*Modal meny*/
.modal-menu-background_notInUse {
    position: fixed; /* Stay in place */
    z-index: 11; /* Sit on top */
    padding-top: 10rem; /* Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-menu-container_notInUse {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    padding: 2rem;
    border: 1px solid #888;
    /*width: 80%;*/
    max-width: 500px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    /*Animering - benyttes samme som for Modal dialog*/
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
}


/*
    Skrollbar tabell
    Se: https://codepen.io/paulobrien/pen/LBrMxa
    Se også https://codepen.io/adriano-pinaffo/pen/zYKmPxg?editors=1100 for floatede div-er med lik høyde
*/

.table-scroll-noniframe {
    max-height: 95vh;
}

.table-scroll {
    position: relative;
    width: 100%;
    z-index: 1;
    margin: auto;
    overflow: auto;
    cursor: grab;
    /*height: 800px;
  height: 100%;*/
}

@media (max-width: 990px) and (orientation: portrait) {
    /*
    .table-scroll-noniframe {
        max-height: 97vh;
    }
    */
}

@media (max-width: 990px) and (orientation: landscape) {
    /*
    .table-scroll-noniframe {
        max-height: 95vh;
    }
    */
}

.table-scroll table {
    /*width: 100%;
  min-width: 1280px;*/
    margin: auto;
    border-collapse: separate;
    border-spacing: 0;
}

.table-wrap {
    position: relative;
}

.table-scroll th {
    padding: 5px 10px;
    border: 1px solid #000;
    background: #fff;
    vertical-align: top;
}

.table-scroll td {
    border: 1px solid #000;
    /*background: #fff;
  background:#efefe2;*/
    vertical-align: top;
}

.table-scroll thead th {
    /*background: #333;*/
    background: #ab1302;
    color: #fff;
    vertical-align: middle;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    box-sizing: border-box;
}
/* safari and ios need the tfoot itself to be position:sticky also */
.table-scroll tfoot,
.table-scroll tfoot th,
.table-scroll tfoot td {
    position: -webkit-sticky;
    position: sticky;
    bottom: 0;
    background: #666;
    color: #fff;
    z-index: 4;
}

.table-scroll a:focus {
    /*background: red;*/
}
/* testing links*/

.table-scroll th:first-child {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 2;
    background: #ccc;
}

/*
    'Kun til feilsøkingsformål...
@supports(text-orientation:upright) {
    .table-scroll th:first-child {
        background: aqua;
    }
}
    */
.table-scroll thead th:first-child,
.table-scroll tfoot th:first-child {
    z-index: 5;
}
/*Skrollbar tabell slutt*/

/*UserControl for en presentasjon i Schedule-visning*/

.schedule-pres-wrapper {
    float: left;
    background: #e1e0e0;
    /*padding:.5rem .5rem 5rem .5rem;*/
    padding-left: .3rem;
    padding-top: .3rem;
    padding-right: .3rem;
    padding-bottom: 500rem;
    margin-bottom: -500rem;
    overflow: hidden;
    box-sizing: border-box; /*Denne er helt essensiell - gjør at marger og padding inkluderes i width*/
    border-right: 1px solid black;
    border-left: 1px solid black;
}

.schedule-pres-header-wrapper {
    border: 0px solid green;
}

.schedulepres-header-time_and_format {
    /*max-width:7rem;*/
    border: 0px solid red;
    margin: 0 1rem 1rem 0;
    float: left;
}

.schedulepres-header-time {
    float: left;
    margin: 0 1rem .5rem 0;
    font-size: .8rem;
    font-weight: bold;
    color: red;
    border: 0px solid black;
}

.schedulepres-header-format {
    float: left;
    margin: 0 1rem .5rem 0;
    font-size: .8rem;
    border: 0px solid black;
}

.schedulepres-header-center {
    float: left;
    border: 0px solid blue;
    margin: 0 0 0 0;
}

.schedulepres-header-reservation {
    float: right;
    margin: 0 1rem .5rem 0;
    font-size: .8rem;
    font-weight: bold;
    border: 0px solid black;
    /*cursor:pointer;*/
}

.schedulepres-header-reservation-text {
    float: left;
    border: 0px solid black;
}

.schedulepres-header-reservation-checkmark {
    float: left;
    border: 0px solid black;
    margin: 0rem 1rem 0 0;
}

.schedule-pres-header-ticket {
    float: left;
    margin: 0 0 0 0rem;
    border: 0px solid aqua;
}

.schedulepres-header-favorite {
    float: left;
    margin-left: 1rem;
    font-size: .8rem;
    font-weight: bold;
    border: 0px solid black;
}

    .schedulepres-header-favorite a, a:active, a:visited, a:link, a:hover {
        text-decoration: none;
    }

.schedulepres-pres-title {
    float: left;
    font-size: 1.4rem;
    font-weight: bold;
    border: 0px solid black;
    margin: 0 0 .5rem 0;
}

.schedulepres-pres-subtitle {
    font-size: 1.2rem;
    font-weight: bold;
    border: 0px solid black;
    margin: 0 0 .5rem 0;
}

.schedulepres-pres-presenters {
    font-size: 1rem;
    font-style: italic;
    border: 0px solid black;
    padding-bottom: .5rem;
}

/*Skjule vise informasjon om presentasjon i video-liste*/

.pnlVideoPresInfoCollapseTrigger {
    background-color: #cccccc;
    padding: 2px 15px 2px 10px;
    cursor: pointer;
    font-size: 1.1rem;
    margin-bottom: 10px;
}

    .pnlVideoPresInfoCollapseTrigger:after {
        content: '\002B';
        /*color: white;*/
        font-size: 1.2rem;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

    .pnlVideoPresInfoCollapseTrigger:before {
        content: 'Vis informasjon fra programmet';
        float: left;
        margin-left: 5px;
    }

.pnlVideoPresInfoCollapseTrigger-expanded {
    /*Tilordnes/fjernes av javascript*/
}

    .pnlVideoPresInfoCollapseTrigger-expanded:after {
        content: "\2212";
    }

    .pnlVideoPresInfoCollapseTrigger-expanded:before {
        content: 'Skjul informasjon fra programmet';
        float: left;
        margin-left: 5px;
    }

.pnlVideoPresInfoContainer {
    /*ingen spesielle egenskaper - tillater full høyde på container for nøkkelord og sammendrag*/
}

.pnlVideoPresInfoContainer-collapsible {
    /*høyde og overflow manipuleres av javascript*/
    max-height: 0;
    overflow: hidden;
}

/*Nedtrekksliste for dager i programliste*/
.program-list-day-select {
    font-size: 1rem;
}

.program-table-header-cell-div {
    display: flex;
    justify-content: center;
    align-items: center;
    color: white;
    z-index: 1;
}

/*Skjule-vise nøkkelord og sammendrag i programliste*/


.pnlAbsAndKeyCollapseTrigger {
    /*color:white;*/
    background-color: #cccccc;
    padding: 2px 15px 2px 10px;
    cursor: pointer;
}

    .pnlAbsAndKeyCollapseTrigger:after {
        content: '\002B';
        /*color: white;*/
        font-size: 1.2rem;
        font-weight: bold;
        float: right;
        margin-left: 5px;
    }

    .pnlAbsAndKeyCollapseTrigger:before {
        content: 'Vis mer informasjon';
        float: left;
        margin-left: 5px;
        padding: 3px 0px;
    }

.pnlAbsAndKeyCollapseTrigger-expanded {
    /*Tilordnes/fjernes av javascript*/
}

    .pnlAbsAndKeyCollapseTrigger-expanded:after {
        content: "\2212";
    }

    .pnlAbsAndKeyCollapseTrigger-expanded:before {
        content: 'Vis mindre informasjon';
        float: left;
        margin-left: 5px;
        padding: 3px 0px;
    }


.pnlAbsAndKeysContainer {
    /*ingen spesielle egenskaper - tillater full høyde på container for nøkkelord og sammendrag*/
}

.pnlAbsAndKeysContainer-collapsible {
    /*høyde og overflow manipuleres av javascript*/
    max-height: 0;
    overflow: hidden;
}







/*Modal popup*/

/*
    Basert på:
    https://www.w3schools.com/howto/tryit.asp?filename=tryhow_css_modal2
*/

/* The Modal (background) */
.modal-dialog-background {
    /*display: none;*/ /* Hidden by default */ /*Overlates til Codebehind som setter hele usercontrolen til synlig/ikke synlig*/
    position: fixed; /* Stay in place */
    z-index: 10; /* Sit on top */
    /*padding-top: 100px; Location of the box */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}


.modal-dialog-content {
    position: relative;
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    /*width: 80%;*/
    max-width: 500px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    top: 50%;
    /*
        Animasjon er fjernet per februar 2023. I steden brukes transform for å midtstille vertikalt
        Posisjonering modifiseres i script i Iframe-kontekst, for da kan vi ikke forhindre scrolling
    */
    transform: translateY(-50%);
    /*
    -webkit-animation-name: animatetop;
    -webkit-animation-duration: 0.4s;
    animation-name: animatetop;
    animation-duration: 0.4s;
    */
}

/* Add Animation */
@-webkit-keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}

@keyframes animatetop {
    from {
        top: -300px;
        opacity: 0;
    }

    to {
        top: 0;
        opacity: 1;
    }
}


.modal-dialog-header {
    /*padding: 2px 16px;
  background-color: #5cb85c;*/
    padding: 4px 10px 4px 15px;
    background-color: #3d85e7;
    color: white;
    display: flex;
    justify-content: space-between;
    align-items: center;
    /*text-align:left;*/
}



.modal-dialog-body {
    padding: 20px 20px 20px 20px;
}

.modal-dialog-body-buttons {
    float: right;
    width: 100px;
    margin-left: 20px;
}

.modal-dialog-body-content {
    float: left;
    text-align: left;
    max-width: calc(100% - 120px);
    overflow: hidden;
}

/*Modal presentation*/
.modal-presentation-background {
    position: fixed; /* Stay in place */
    z-index: 9; /* Sit on top */
    left: 0;
    top: 0;
    width: 100%; /* Full width */
    height: 100%; /* Full height */
    overflow: auto; /* Enable scroll if needed */
    background-color: rgb(0,0,0); /* Fallback color */
    background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

.modal-presentation-container-iframe {
    position: relative;
    z-index: 10;
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    max-width: 500px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
}

.modal-presentation-container {
    position: relative;
    z-index: 10;
    background-color: #fefefe;
    margin: auto;
    border: 1px solid #888;
    max-width: 500px;
    box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.19);
    top: 50%;
    transform: translateY(-50%);
}

.modal-header-presentation-flexbox {
    display: flex;
    justify-content: left;
    align-items: center;
    padding: 4px 10px 4px 15px;
    background-color: #ab1302;
    color: white;
}

.modal-body-presentation-content {
    float: left;
    text-align: left;
    /*max-width: calc(100% - 120px);*/
    overflow: hidden;
}

/*Modal-Presentasjoner*/



/*
    Brukt i feilsøkingssammenheng    */
.verticaltext-test {
    writing-mode: vertical-rl;
    text-orientation: mixed;
    border: 1px solid black;
    margin: auto;
    color: red;
}

@supports(text-orientation:upright) {
    .verticaltext-test {
        color: blue;
    }
}


/*Presentasjonslister start*/

.presentation-header-child-standalone {
    display: block;
    border: none;
    color: #333333;
    background-color: #ddd;
    /*margin: 5px 10px;*/
    padding: 5px 10px;
    cursor: pointer;
    /*width:10rem;*/
    /*width: calc(100% - 3rem);*/
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

    .presentation-header-child-standalone a {
        color: black;
        padding-left: 5px;
    }

.presentation-header-parent-standalone {
    background: #ab1302;
    color: #fff;
    padding: 5px 10px;
}

.presentation-header-parent-standalone-commercial {
    /*background: #0F9D41;*/
    background: #13853b;
    color: #fff;
    padding: 5px 10px;
}

.presentation-header-child {
    background: #333333;
    color: #fff;
    padding: 5px 10px;
}

.presentation-container-standalone {
    margin-bottom: 5px;
    border: 1px solid #ab1302;
}

.presentation-container-child-standalone {
    margin-bottom: 5px;
    border: 1px solid #333333;
}

.presentation-container-commercial {
    margin-bottom: 5px;
    border: 1px solid #13853b;
}

/*Listevisning av videoer og livesendinger*/
.videopresentation-header {
    background: #016bb5;
    color: #fff;
    padding: 5px 10px;
}

.videopresentation-container {
    margin-bottom: 5px;
    border: 1px solid #016bb5;
}


table.atferd_enkeltabell {
    border: 1px solid #ddd;
    border-collapse: collapse;
}

    table.atferd_enkeltabell td, table.atferd_enkeltabell th {
        border: 1px solid #ddd;
        padding: 3px;
        vertical-align: top;
    }

    table.atferd_enkeltabell th {
        font-weight: bold;
    }

table.atferd_nolines {
    border-collapse: collapse;
}

    table.atferd_nolines td, table.atferd_nolines th {
        padding: 3px;
        vertical-align: top;
    }

    table.atferd_nolines th {
        font-weight: bold;
    }

/*Responsive Youtube - hentet fra https://howchoo.com/webdev/how-to-make-youtube-videos-responsive-without-js */
.embed-youtube {
    position: relative;
    padding-bottom: 56.25%; /* - 16:9 aspect ratio (most common) */
    /* padding-bottom: 62.5%; - 16:10 aspect ratio */
    /* padding-bottom: 75%; - 4:3 aspect ratio */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

    .embed-youtube iframe,
    .embed-youtube object,
    .embed-youtube embed {
        border: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }

/*
    Hentet fra Minside-app
*/

/*Kontroller i skjema*/


input.input-minside-style label {
    padding: 12px 12px 12px 0;
    display: inline-block;
}

input.input-minside-style[type=text], input.input-minside-style[type=password], input-minside-style select, input-minside-style textarea, input.input-minside-style[type=checkbox] {
    width: 100%;
    padding: 12px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    resize: vertical;
}



input.input-minside-style[type=button], input.input-minside-style[type=submit] {
    /*Fjerner avrundede hjørner på knapper i Safari
    Noen rapporter om at det kan påvirke avkrysningsbokser i Chrome...
*/ /*
    -webkit-appearance: none;
    -webkit-border-radius: 0;
    */
    padding: 8px;
    border: 1px solid #ccc;
    border-radius: 5px;
}



/* Floating left column if sufficient space */
.col-left-minside-style {
    float: left;
    width: 35%;
    margin-top: 6px;
}

/* Floating right column if sufficient space*/
.col-right-minside-style {
    float: left;
    width: 65%;
    margin-top: 6px;
}

    .col-right-minside-style input[type=submit] {
        width: 100%;
    }

/* Clear floats after the columns */
.row-minside-style:after {
    content: "";
    display: table;
    clear: both;
}


div.hideForMobile-minside-style {
    /*Til bruk for skjemaer der en tom plassholder-div skal skjules i mobil-sammenheng
        Se @media...
    */
}

/* Responsive layout - when the screen is less than 600px wide, make the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
    .col-left-minside-style, .col-right-minside-style, input.minside-style[type=submit] {
        width: 100%;
        /*margin-top: 0;*/
    }

    div.hideForMobile-minside-style {
        display: none;
    }
}


/*
    Hentet fra Minside-app slutt
*/